<template>
  <div>
    <div class="text">
      <van-nav-bar title="设置" left-arrow @click-left="$router.back(-1)" />
      <div class="center">
        <ul>
          <li @click="$router.push('ziliao')">
            修改资料
            <van-icon name="arrow" size="18" />
          </li>
          <li>
            账号绑定
            <van-icon name="arrow" size="18" />
          </li>
          <li>
            权限设置
            <van-icon name="arrow" size="18" />
          </li>
          <li>
            账户注销
            <van-icon name="arrow" size="18" />
          </li>
          <li>退出登录</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  mounted() {},
};
</script>

<style lang="scss" scoped>
.center {
  padding: 15px 10px 0 10px;
  margin: 8px 0;
  > ul {
    display: flex;
    flex-direction: column;
    > li {
      display: flex;
      justify-content: space-between;
      color: #000;
      padding: 10px 0;
      border-bottom: 1px solid #dee1e6;
    }
  }
}
</style>
